.timeline {
  box-sizing: border-box;
  padding: 60px;
  background: #fff;
  color: #858585;

  .tMonth {
    position: relative;
    display: -webkit-flex;
    box-sizing: border-box;
    padding: 30px 30px 30px 50px;
  }

  .tMonth::before {
    position: absolute;
    left: 0;
    top: 42px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #33a3f4;
    content: "";
    z-index: 8888;
  }

  .tMonth::after {
    position: absolute;
    left: 14px;
    top: 42px;
    width: 2px;
    height: 100%;
    background: #33a3f4;
    content: "";
  }

  .tOver::after, .tOver::before {
    background: #cccccc;
  }
  .tOver .tNum {
    color: #313131 !important;
  }
  .tMonth:last-child::after {
    display: none;
  }

  .tDate {
    flex: 1;
  }

  .tIntro {
    flex: 1;
  }

  .tNum, .tTitle {
    color: #313131;
    font-size: 24px;
    line-height: 50px;
  }

  .tNum {
    color: #33a3f4;
  }

  .tDesc p, .tTime {
    margin: 0;
    color: #858585;
    font-size: 24px;
  }
}
